<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/square.css">
    <link rel="stylesheet" href="../css/appointment.css">

    <title>尚街</title>
</head>
<style>
  .appiontment>div.content>div>.avantar+div {
    width:78% !important;
  }
</style>
<body>
    <div id="page">
        <div class="pageTop">
            <img src="../images/profile/right_arrow.png" alt="" class='backArrow'>
            <span class="pageTitle" style="margin-left:13%;">我的预约</span>
            <span class="pageinstr">预约：10</span>
        </div>
        <div class="appiontment">
                <div class="content">
                        <div style='display: flex;justify-content: space-between;align-items: center'>
                          <img src="../images/487bd14049e44235d25f28df11b0a7e9.jpeg" alt="" class="avantar">
                          <div style="font-size: 12px;width:63%;margin-top:.5rem;">
                            <div style="display: flex;align-items: flex-start;">
                                <span class="shishang">品牌</span>
                                <span class="name">特步沙湾旗舰店</span>
                                <!-- 是否为时尚达人显示 -->
                                
                            </div>                    
                            <span class="time" >505m | 成都市沙湾305号</span>
                          </div>
                          <!-- <span class="getfoucs">
                            + 关注
                          </span> -->
                          <img src="../images/location.png" alt="" style="width:1.3rem;height:1.315rem;">
                        </div>
                     
                        <div class="allpic" style="margin-top:.5rem;">
                          <!-- 最多3张 -->
                          <img src="../images/TB2jeYxbMnH8KJjSspcXXb3QFXa_!!129605521.jpg" alt="">
                          <img src="../images/O1CN01zMD3xz1qefDNJEyKN_!!0-item_pic.jpg" alt="">
                          <img src="../images/O1CN01zMD3xz1qefDNJEyKN_!!0-item_pic.jpg" alt="">
                          
                        </div>
                        <div style="display: flex;width:100%;justify-content: space-between">
                          <p class="tags" style="font-size:13px;  font-weight:400;
                          color:rgba(102,102,102,1);" >
                            有效时间：2019.05.01-2019.05.10
                          </p>
                          <p style="display:flex;justify-content:flex-end;">
                            <span class="shenglv" style="color:#FE6161;font-size:14px;width:2rem;line-height:1.5rem;">
                            9折
                            </span>
                          </p>
                        </div>
                        
                </div>
                <div class="content">
                        <div style='display: flex;justify-content: space-between;align-items: center'>
                          <img src="../images/487bd14049e44235d25f28df11b0a7e9.jpeg" alt="" class="avantar">
                          <div style="font-size: 12px;width:63%;margin-top:.5rem;">
                            <div style="display: flex;align-items: flex-start;">
                                <span class="shishang">品牌</span>
                                <span class="name">特步沙湾旗舰店</span>
                                <!-- 是否为时尚达人显示 -->
                                
                            </div>                    
                            <span class="time" >505m | 成都市沙湾305号</span>
                          </div>
                          <!-- <span class="getfoucs">
                            + 关注
                          </span> -->
                          <img src="../images/location.png" alt="" style="width:1.3rem;height:1.315rem;">
                        </div>
                     
                        <div class="allpic" style="margin-top:.5rem;">
                          <!-- 最多3张 -->
                          <img src="../images/TB2jeYxbMnH8KJjSspcXXb3QFXa_!!129605521.jpg" alt="">
                          <img src="../images/O1CN01zMD3xz1qefDNJEyKN_!!0-item_pic.jpg" alt="">
                          <img src="../images/O1CN01zMD3xz1qefDNJEyKN_!!0-item_pic.jpg" alt="">
                          
                        </div>
                        <div style="display: flex;width:100%;justify-content: space-between">
                          <p class="tags" style="font-size:13px;  font-weight:400;
                          color:rgba(102,102,102,1);" >
                            有效时间：2019.05.01-2019.05.10
                          </p>
                          <p style="display:flex;justify-content:flex-end;">
                            <span class="shenglv" style="color:#FE6161;font-size:14px;width:2rem;line-height:1.5rem;">
                            9折
                            </span>
                          </p>
                        </div>
                        
                </div>
                <div class="content">
                        <div style='display: flex;justify-content: space-between;align-items: center'>
                          <img src="../images/487bd14049e44235d25f28df11b0a7e9.jpeg" alt="" class="avantar">
                          <div style="font-size: 12px;width:63%;margin-top:.5rem;">
                            <div style="display: flex;align-items: flex-start;">
                                <span class="shishang">品牌</span>
                                <span class="name">特步沙湾旗舰店</span>
                                <!-- 是否为时尚达人显示 -->
                                
                            </div>                    
                            <span class="time" >505m | 成都市沙湾305号</span>
                          </div>
                          <!-- <span class="getfoucs">
                            + 关注
                          </span> -->
                          <img src="../images/location.png" alt="" style="width:1.3rem;height:1.315rem;">
                        </div>
                     
                        <div class="allpic" style="margin-top:.5rem;">
                          <!-- 最多3张 -->
                          <img src="../images/TB2jeYxbMnH8KJjSspcXXb3QFXa_!!129605521.jpg" alt="">
                          <img src="../images/O1CN01zMD3xz1qefDNJEyKN_!!0-item_pic.jpg" alt="">
                          <img src="../images/O1CN01zMD3xz1qefDNJEyKN_!!0-item_pic.jpg" alt="">
                          
                        </div>
                        <div style="display: flex;width:100%;justify-content: space-between">
                          <p class="tags" style="font-size:13px;  font-weight:400;
                          color:rgba(102,102,102,1);" >
                            有效时间：2019.05.01-2019.05.10
                          </p>
                          <p style="display:flex;justify-content:flex-end;">
                            <span class="shenglv" style="color:#FE6161;font-size:14px;width:2rem;line-height:1.5rem;">
                            9折
                            </span>
                          </p>
                        </div>
                        
                </div>
        </div>
    </div>
    
</body>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="../js/back.js"></script>
<script>
    $(".appiontment>.content").click(()=>{
            window.location.href='./shop/shopDetails.html?id='
    })
    
    </script>
</html>